<section class="vbox">
  <header class="header bg-primary lter text-center clearfix">
    <div class="btn-group">
      <button type="button" class="btn btn-sm btn-dark btn-icon" title="New project"><i class="fa fa-plus"></i></button>
      <div class="btn-group hidden-nav-xs">
        <button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown"> Switch Project <span class="caret"></span> </button>
        <ul class="dropdown-menu text-left">
          <li><a href="#">Project</a></li>
          <li><a href="#">Another Project</a></li>
          <li><a href="#">More Projects</a></li>
        </ul>
      </div>
    </div>
  </header>
  <section ng-include="'src/tpl/nav.html'" class="w-f scrollable">
  </section>
  <footer class="footer lt hidden-xs b-t b-dark">
    <div id="chat" class="dropup">
      <section class="dropdown-menu on aside-md m-l-n">
        <section class="panel bg-white">
          <header class="panel-heading b-b b-light">Active chats</header>
          <div class="panel-body animated fadeInRight">
            <p class="text-sm">No active chats.</p>
            <p><a href="#" class="btn btn-sm btn-default">Start a chat</a></p>
          </div>
        </section>
      </section>
    </div>
    <div id="invite" class="dropup">
      <section class="dropdown-menu on aside-md m-l-n">
        <section class="panel bg-white">
          <header class="panel-heading b-b b-light"> John <i class="fa fa-circle text-success"></i> </header>
          <div class="panel-body animated fadeInRight">
            <p class="text-sm">No contacts in your lists.</p>
            <p><a href="#" class="btn btn-sm btn-facebook"><i class="fa fa-fw fa-facebook"></i> Invite from Facebook</a></p>
          </div>
        </section>
      </section>
    </div>
    <a href="#nav" data-toggle="class:nav-xs" class="pull-right btn btn-sm btn-dark btn-icon"> <i class="fa fa-angle-left text"></i> <i class="fa fa-angle-right text-active"></i> </a>
    <div class="btn-group hidden-nav-xs">
      <button type="button" title="Chats" class="btn btn-icon btn-sm btn-dark" data-toggle="dropdown" data-target="#chat"><i class="fa fa-comment-o"></i></button>
      <button type="button" title="Contacts" class="btn btn-icon btn-sm btn-dark" data-toggle="dropdown" data-target="#invite"><i class="fa fa-facebook"></i></button>
    </div>
  </footer>
</section>